<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/livein.css">
    <link rel="stylesheet" type="text/css" href="../css/video-js.css">
	<script src="../js/video.min.js"></script>
	<script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script>
	<!--<link rel="stylesheet" href="css/reset.css">-->
    <title>正在直播</title>
</head>
<body>
    <div class="wary">
        <header>
            <div>
            
                <span class="state" id="state"></span>
                <span class="title" id="title"></span>
            </div> 
            <div>
            	
            	<dl class="dl">
            		<dd id="xi"></dd>
            		<dt id="zhi"><img src="../images/dian.png"</dt>
            	</dl>
            	<dl class="dl">
            		<dd id="yan"></dd>
            		<dt id='liu'><img src="../images/can.png"></dt>
            	</dl>
            	
            	<div class="name">
            		<span id="name"></span>
            		<span id="time"></span>
            	</div>
            	<img src="" class="yi"> 
            	
            </div>
        </header>
        
        <div class="zhi">
        	
<video id="example-video" class="video-js vjs-default-skin vjs-big-play-centered videos" poster="">
<source src="http://22751.liveplay.myqcloud.com/live/22751_youhuijia.m3u8" type="application/x-mpegURL" id="target">
</video>
        	
        	<div class="liao" id="liao" name='liao'>
				<!--<div class="jia">
					<img src="https://p0.ssl.qhimg.com/t01028cdaa4ea93d79e.jpg">
					<span class="names">的粉红色的</span>
					<span class="xiaos">解放军上升到法律不是大Vhi奥尔加我号偶然发发火 </span>
				</div>-->
				
        	</div>
        	
        	
        </div>
        
        <div class="review">
        	<div class="share">
        		<img src="../images/share.png">
        		<span class="fen">分享</span>
        	</div>
        	<div>
        		<input type="text" placeholder="我来说两句" class="talk " id="taik" name="taik"/>
        		<img src="../images/xiao.png" class="xiao">
        		<div class="send" id="send">发送</div>
        	</div>
        </div>
        
        
        <div class="activity">
        	<h6>活动介绍：</h6>
        	<div class="nei">
        	</div>
        </div>
        
    </div>
</body>

<script type="text/javascript">

		var liao = document.getElementById('liao')
		var send = document.getElementById('send')
		var taik = document.getElementById('taik')
		
		send.onclick=function(){
	
			var taik_u = taik.value
			if(!taik_u){
				return false
			}
			var text=document.createTextNode(taik_u)
			var div=document.createElement('li')
			div.appendChild(text)
			liao.appendChild(div)
//			taik.value=''

			
		}

		//查看结果


		
	
	var player = videojs('example-video', { "poster": "", "controls": "true" }, function() {
		this.on('play', function() {
		//console.log('正在播放');
		});
		//暂停--播放完毕后也会暂停
		this.on('pause', function() {
		//console.log("暂停中")
		});
		// 结束
		this.on('ended', function() {
		//console.log('结束');
	})

        });
        

        
	
</script>

<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/full.js"></script>
<script type="text/javascript" src="../js/livein.js"></script>
<script type="text/javascript" src="../js/jquery.qqFace.js"></script>

 

</html>